<!-- 这是商品的大框架 -->
<template>
  <div v-if="Object.keys(goodstype).length !==0">
      <goodslistitem  v-for="(item,index) in goodstype.list" :key="index" :goodlistitem="item">
      </goodslistitem>
  </div>
</template>

<script>
import goodslistitem from "./goodslistitem.vue"

export default {
 name:"goodslist",
 props: {
   goodstype:{
     type:Object,
       dafault(){
          return {}
           }
         }
 },
 components: {
      goodslistitem
 }



}

</script>
<style scoped>
div{
     display: flex;
     width: 100%;
     flex-wrap: wrap;
     justify-content: space-around;
     margin-top: 4px;
}
</style>